<template>
	<div>
			<!--顶部样式-->
		<div class="head-bg">
			<div class="head-black">
				<a href="#/shezhi01">
				<div class="left-arrow">
					<img src="../../assets/img/gerenzhongxin/gongzhonghao/left-arrow.png" />
				</div>
				</a>
				<div class="head-center">
					<p>修改登录密码</p>
				</div>
				<div class="baocun">
					<p>完成</p>
				</div>
			</div>
		</div>
		<div class="pwd">
		<ul>
			<li>
				输入原密码:<input type="text" name="" id="pass" placeholder="请输入原密码" />
			</li>
			<li>
				输入新密码:<input type="text" name="" id="pass" placeholder="请输入新密码" />
			</li>
			<li>
				输入新密码:<input type="text" name="" id="pass" placeholder="请确认新密码" />
			</li>
		</ul>
		</div>
	</div>
</template>

<script>
</script>

<style>
	html {
		background: #f2f2f2;
	}
	
	#app {
		overflow: hidden;
	}
	.baocun{
		color: white;
		font-size: 3rem;
	}
	.head-bg {
		background: #e53e42;
		width: 100%;
		height: 9.6rem;
	}
	
	.shezhi-content {
		border: 0.1rem solid darkgray;
	}
	
	.head-black {
		margin: 0 auto;
		padding-top: 3.1rem;
		display: flex;
		justify-content: space-between;
		width: 95%;
	}
	
	.left-arrow img {
		width: 2.3rem;
		height: 3.8rem;
	}
	
	.head-center {
		font-size: 3.4rem;
		color: white;
	}
	.pwd ul{
		background: white;
		height: 30rem;
		width: 100%;
	}
	.pwd ul li{
		border-bottom: 0.1rem solid gainsboro;
		height: 10rem;
		font-size: 2.7rem;
		text-align: left;
		margin-left: 0.2rem;
		line-height: 10rem;
	}
	#pass{
		margin-left: 2rem;
	}
</style>